<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8">
        <title>960 Grid System &#8212; Demo</title>
        <link rel="stylesheet" href="css/reset.css">
        <link rel="stylesheet" href="css/text.css">
        <link rel="stylesheet" href="css/960.css">
        <link rel="stylesheet" href="style.css">
    </head>
    <body id="topbckg">
        <div class="container_12">
            <div class="grid_12" id="subContainer">
            	<div class="grid_12">
                <div class="grid_12 alpha">
                    <div class="grid_8 alpha">
                        <p class="TopLeftText">
                            Here some text
                        </p>
                    </div>
                    <div class="grid_2">
                        <input name="q" type="text" size="40" id="keywords" placeholder="Search" alt="Text Input for MailChimp Site Search">
                    </div>
                    <div class="grid_1 suffix_1 omega">
                        <input name="search" type="image" src="img/search-button_scaled.gif" alt="Search" title="">
                    </div>
                </div><!-- end .grid_12 + subgrid3x.grid_4 --><!-- end TOPSECTION -->
                <div class="clear">
                </div>
                <div class="grid_4 prefix_7 suffix_1 omega">
                    <p class="latestnews">
                        Latest News: write here some text
                    </p>
                </div>
                <!-- end .grid_3 --><!-- end LATESTNEWS -->
                <div class="clear">
                </div>
				</div>
				<div class="clear">
                </div>
                <div class="grid_12">
                    <div class="grid_5 alpha">
                        <div class="nogutter span-5">
                            <h1>Apply At Best<span>Apply At Best</span><span class="last">Apply At Best</span></h1>
                        </div>
                        <!-- end .grid_3 --><!-- end FOOTER2 -->
                        <div class="clear">
                        </div>
                        <div class="nogutter span-5">
                            <h2>Make your best application!<span>Make your best application!</span><span class="last">Make your best application!</span></h2>
                        </div>
                        <!-- end .grid_3 --><!-- end FOOTER2 -->
                        <div class="clear">
                        </div>
                    </div>
                    <!-- end .grid_2 -->
                    <div class="grid_7 omega" id="headerbg">
                        <img alt="Image 1" src="img/application.jpg" title=""/>
                    </div>
                </div><!-- end .grid_10 --><!-- end HEADER -->
                <div class="clear">
                </div>
                <div class="grid_12" id="banner">
                    <div class="grid_2 alpha">
                        &nbsp;
                    </div>
                    <!-- end .grid_2 -->
                    <div class="grid_8">
                        &nbsp;
                    </div>
                    <!-- end .grid_8 -->
                    <div class="grid_2 omega">
                        &nbsp;
                    </div>
                </div>
                <!-- end .grid_2 --><!-- end BANNER -->
                <div class="clear">
                </div>
                <div class="nogutter span-12">
                    <div class="grid_10 prefix_1 suffix_1" id="centeredmenu">
                        <ul>
                            <li class="li_1">
                                <a href="#">test1</a>
                            </li>
                            <li class="li_2">
                                <a href="#">test2</a>
                            </li>
                            <li class="li_3">
                                <a href="#">test3</a>
                            </li>
                            <li class="li_4">
                                <a href="#">test4</a>
                            </li>
                            <li class="li_5">
                                <a href="#">test5</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- end .grid_2 --><!-- end NAVBAR -->
                <div class="clear">
                </div>
            </div>
            <!-- end .nogutter span-12 --><!-- end SUBCONTAINER -->
            <div class="clear">
            </div>
            <div class="grid_5 suffix_7">
                <h3>What we offer</h3>
            </div>
            <!-- end .grid_5 --><!-- end CONTENT_A_HEADER -->
            <div class="clear">
            </div>
            <div class="grid_3">
                <p class="cntAheader">
                    Content A Header1
                </p>
            </div>
            <!-- end .grid_3 -->
            <div class="grid_3">
                <p class="cntAheader">
                    Content A Header2
                </p>
            </div>
            <!-- end .grid_3 -->
            <div class="grid_3">
                <p class="cntAheader">
                    Content A Header3
                </p>
            </div>
            <!-- end .grid_3 -->
            <div class="grid_3">
                <p class="cntAheader">
                    Content A Header4
                </p>
            </div>
            <!-- end .grid_3 --><!-- end CONTENT ROW 1 -->
            <div class="clear">
            </div>
            <div class="grid_6 push_6">
                <div class="grid_3 imglongcntA alpha">
                    <a href="#"><img alt="Image1" src="img/mba_logo_formatted.png" title=""></a>
                </div><!-- end .grid_3 -->
                <div class="grid_3 omega">
                    <div class="grid_3 alpha">
                        <a href="#"><img class="imgcntA" alt="Image1" src="img/arrows_formatted.jpg" title=""></a>
                    </div>
                    <div class="clear">
                    </div>
                    <div class="grid_3 omega">
                        <p class="cntAtext">
                            AAAThe quick, brown fox jumps over a lazy dog. DJs flock by when MTV ax quiz prog. Junk MTV quiz graced by fox whelps. Bawds jog, flick quartz, vex nymphs. Waltz, bad nymph, for quick jigs vex! Fox nymphs grab quick-jived waltz. Brick quiz whangs jumpy veldt fox.
                        </p>
                    </div>
                    <div class="clear">
                    </div>
                </div>
                <!-- end .grid_3 --><!-- end CONTENT ROW 2 -->
            </div>
            <div class="grid_6 pull_6">
                <div class="grid_3 alpha">
                    <a href="#"><img class="imgcntA" alt="Image1" src="img/university_formatted.jpg" title=""></a>
                </div><!-- end .grid_3 -->
                <div class="grid_3 omega">
                    <a href="#"><img class="imgcntA" alt="Image1" src="img/atblackboard_formatted.jpg" title=""></a>
                </div><!-- end .grid_3 -->
                <div class="clear">
                </div>
                <div class="grid_3 alpha">
                    <p class="cntAtext">
                        The quick, brown fox jumps over a lazy dog. DJs flock by when MTV ax quiz prog. Junk MTV quiz graced by fox whelps. Bawds jog, flick quartz, vex nymphs. Waltz, bad nymph, for quick jigs vex! Fox nymphs grab quick-jived waltz. Brick quiz whangs jumpy veldt fox.
                    </p>
                    <p class="cntAtext">
                        The quick, brown fox jumps over a lazy dog. DJs flock by when MTV ax quiz prog. Junk MTV quiz graced by fox whelps. Bawds jog, flick quartz, vex nymphs. Waltz, bad nymph, for quick jigs vex! Fox nymphs grab quick-jived waltz. Brick quiz whangs jumpy veldt fox.
                    </p>
                </div>
                <!-- end .grid_3 -->
                <div class="grid_3 omega">
                    <p class="cntAtext">
                        The quick, brown fox jumps over a lazy dog. DJs flock by when MTV ax quiz prog. Junk MTV quiz graced by fox whelps. Bawds jog, flick quartz, vex nymphs. Waltz, bad nymph, for quick jigs vex! Fox nymphs grab quick-jived waltz. Brick quiz whangs jumpy veldt fox.
                    </p>
                </div>
                <div class="clear">
                </div>
            </div>
            <div class="clear">
            </div>
            <!-- end .grid_3 -->
            <div class="grid_3">
                <a class="btn small dark rarr" href="#">Content A Learn More1</a>
            </div>
            <!-- end .grid_3 -->
            <div class="grid_3">
                <a class="btn small dark rarr" href="#">Content A Learn More2</a>
            </div>
            <!-- end .grid_3 -->
            <div class="grid_3">
                <a class="btn small dark rarr" href="#">Content A Learn More3</a>
            </div>
            <!-- end .grid_3 -->
            <div class="grid_3">
                <a class="btn small dark rarr" href="#">Content A Learn More4</a>
            </div>
            <!-- end .grid_3 -->
            <!-- end CONTENT ROW 4 -->
            <div class="clear">
            </div>
            <div class="grid_6 push_6">
                <div class="nogutter span-6">
                    <p>
                        Content B Right Col
                    </p>
                </div>
                <div class="clear">
                </div>
                <div class="nogutter span-6" id="MioGad">
                    <p>
                        Content B Right Col
                    </p>
                </div>
                <div class="clear">
                </div>
                <div class="nogutter span-6">
                    <p>
                        Content B Right Col
                    </p>
                </div>
                <div class="clear">
                </div>
            </div>
            <!-- end .grid_6 push_6 -->
            <!-- end CONTENT B RIGHT COL -->
            <div class="grid_6 pull_6">
                <div class="nogutter span-6">
                    <p>
                        Content B Left Col
                    </p>
                    <script type="text/xml" src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/108767899975236137551/helloworld.xml&amp;synd=open&amp;w=320&amp;h=200&amp;title=hello+world+example&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js">
                    </script>
                </div>
                <div class="clear">
                </div>
                <div class="nogutter span-6">
                    <p>
                        Content B Left Col
                    </p>
                </div>
                <div class="clear">
                </div>
            </div>
            <!-- end .grid_6 pull_6 -->
            <!-- end CONTENT B LEFT COL -->
            <div class="clear">
            </div>
            <div class="grid_12" id="subContainer">
                <div class="grid_4 alpha">
                    <p>
                        Footer1
                    </p>
                </div>
                <!-- end .grid_4 -->
                <div class="grid_4">
                    <p>
                        Footer1
                    </p>
                </div>
                <!-- end .grid_4 -->
                <div class="grid_4 omega">
                    <p>
                        Footer1
                    </p>
                </div>
                <!-- end .grid_4 -->
                <!-- end FOOTER1 -->
                <div class="clear">
                </div>
                <div class="nogutter span-8 suffix_4">
                    <p>
                        Footer2
                    </p>
                </div>
                <!-- end .grid_3 -->
                <!-- end FOOTER2 -->
                <div class="clear">
                </div>
            </div>
            <!-- end nogutter span-12 -->
            <!-- end SUBCONTAINER -->
            <div class="clear">
            </div>
        </div>
        <!-- end .container_12 -->
    </body>
</html>
